<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件</title>
    <script>
        window.onload=function () {
            /*document.getElementById("form").onsubmit=function () {
                var flag=false;
                return flag;
            }*/


        }
        function check1() {
            return false;
        }
    </script>
</head>
<body>
<form action="#" id="form" onclick="return check1();">
    <input id="username" name="username" type="text">
    <select id="city" name="city">
        <option>--请选择城市--</option>
        <option>郑州</option>
        <option>开封</option>
        <option>南阳</option>
        <option>信阳</option>
        <option>洛阳</option>
    </select>
    <input type="submit" value="提交">
</form>
<script>
    /*
    * 事件监听机制：某些组件被执行了某些操作后，触发某些代码的执行。
    * 事件：某些操作 单击 双击 。。。
    * 事件源：组件 按钮 文本输入框。。。
    * 监听器：代码。
    * 注册监听：将事件、事件源、监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器的代码。
    *
    * */
    /*
    * 常见的事件：
    * 1.点击事件 onclick 单击事件；ondblclick 双击事件。
    * 2.焦点事件 onblur 失去焦点；onfocus 获得焦点。
    * 3.加载事件 onload 一张页面或图片被加载。
    * 4.鼠标事件
    * 5.键盘事件
    * 6.表单事件 onsubmit确认按钮被选中 （可以阻止表单的提交。方法返回false，则表单被阻止提交）onreset重置按钮被选中
    *       阻止提交两种写法：属性内定义函数一定要加 return
    * 7.选择和改变事件 onchange:域中的内容被选中
    * */
    /*
    * 焦点事件
    * document.getElementById("name").onblur=function (){
        alert("失去焦点了");
    }
    * */
    /*
    * 加载事件onload
    *  window.onload=function () {
        document.getElementById("name").onblur=function (){
            alert("失去焦点了");
        }
    }
    * */
   /*
   * 鼠标事件onmouseover
   * window.onload=function () {
        document.getElementById("name").onblur=function (){
            alert("失去焦点了");
        }
        /*document.getElementById("name").onmousemove=function (){
            alert("鼠标滚动");
        }*/
    /*document.getElementById("name").onmouseleave=function (){
        alert("鼠标走了");
    }*/
    /*document.getElementById("name").onmouseover=function (){
        alert("鼠标来了");
    }*/
  /*  document.getElementById("name").onmousedown=function (){
        //定义方法时，可以定义一个参数，接收event对象
        alert("鼠标被按下了");
    }
    document.getElementById("name").onmouseup=function (){
        alert("鼠标松了");
    }
    */


</script>
</body>
</html>